<%--
    Document   : popuptemplate
    Created on : Jun 4, 2012, 2:47:19 PM
    Author     : ems
--%>

<%@page import="queenb.web.controller.L200Controller"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
    Document   : popuptemplate
    Created on : Jun 4, 2012, 2:47:19 PM
    Author     : ems
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
        <script type="text/javascript">
            var open_cur = 0;
            $j = jQuery.noConflict();
           
            $j(document).ready(function(){
                var PN100 = '<c:out value="${EmpBean.pn100}"/>';
                  
                $j('input#dateStart, input#dateEnd').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('.header-box').live('click', function(){
                    // var PN100 = $j(this).attr("lang");
                    // alert(PN100);
                   
                    if($j(this).next('.customer-box').css('display') != 'none'){
                        return;
                    }else{
                        if(PN100 ==0){
                            PN100  =$j('.pn100lang').attr("lang");
                        }
                        if(PN100 != 0)
                        {
                            $j('.messa').hide();
                            $j('.customer-box').slideUp();                         
                            $j('.boder-bomttom').removeClass('boder-bomttom');
                            $j(this).next('.customer-box').slideDown();
                            $j(this).addClass('boder-bomttom');
                        } else{
                        
                            $j('.messa').show();
                            $j(this).next('.customer-box').css('display') != 'none'
                        }
                           
                    }

                });
                var b = location.pathname;
                $j("input[id$='message']").val(b);
                //validateform("job");
                $j('input#leavedate1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('input#leavedate2').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('input#date').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                        

                //  validateform("form-input-customer");
                $j('input#dateStart,input#dateStart1, input#dateEnd1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
                $j('.passport, .cmnd, .place_of_issue, .place_of_issue1').attr('disabled', true);
                $j('input#dateStart1,input#dateEnd1,input#dateStart').datepicker("disable");
            
                if($j('.checkCmnd').is(':checked')){
                    $j('.cmnd, .place_of_issue').attr('disabled', false); 
                    $j(".alert2").text("");
                    $j('input#dateStart').datepicker("enable");
                }
                $j(".checkCmnd").live("click",function(){
              
                    if($j('.checkCmnd').is(':checked')){
                        $j('.cmnd, .place_of_issue').attr('disabled', false);
                        $j('.sumbitEmp').attr('disabled', false);
                        //$j(".alert2").text("");
                        $j('input#dateStart').datepicker("enable");
                    }else{
                        $j('.cmnd, .place_of_issue').attr('disabled', true); 
                        $j('.sumbitEmp').attr('disabled', true);
                        $j('input#dateStart').datepicker("disable");
                    }
                       
                }); 
                if($j('.checkPassport').is(':checked')){
                    $j('.passport, .place_of_issue1').attr('disabled', false); 
                    $j('.sumbitEmp').attr('disabled', false);
                    $j('input#dateStart1,input#dateEnd1').datepicker("enable");
                }
                $j(".checkPassport").live("click",function(){
              
                    if($j('.checkPassport').is(':checked')){
                        $j('.passport, .place_of_issue1').attr('disabled', false); 
                        $j('.sumbitEmp').attr('disabled', false);
                        $j('input#dateStart1,input#dateEnd1').datepicker("enable");
                    }else{
                        $j('.passport, .place_of_issue1').attr('disabled', true); 
                        $j('.sumbitEmp').attr('disabled', true);
                        $j('input#dateStart1,input#dateEnd1').datepicker("disable");
                    }
                       
                }); 
                
                // 
                // $j('#timepicker').timepicker();
                //   $j('#timepicker2').timepicker();               
                // $j('.sumbitEmp').attr('disabled', true);
                
                $j('#fancybox-close').live('click', function(){
                    window.location.href="cuscompany.jsp";
                });
                $j('.closeform').live('click', function(){
                    window.location.href="cuscompany.jsp";
                });
                $j(".more_detail_vh").live("click",function(){
                    //  alert($j(this).parent(".customer-box").find(".popup-footer").attr("class"));
                    $j(".more_detail_vh_down").css("display","block");
                    $j(".more_detail_vh").css("display","none");
                    $j(".morevh").css("display","block");
                    $j(this).parent(".customer-box").css("height","380px");
                    $j(this).parent(".customer-box").find(".popup-footer").css("margin-top","60px");
                });
                $j(".more_detail_vh_down").live("click",function(){
                    //  alert($j(this).parent(".customer-box").find(".popup-footer").attr("class"));
                    $j(".more_detail_vh").css("display","block");
                    $j(".more_detail_vh_down").css("display","none");
                    $j(".morevh").css("display","none");
                    $j(this).parent(".customer-box").css("height","234px");
                    $j(this).parent(".customer-box").find(".popup-footer").css("margin-top","5px");
                });
                $j(".l200").live("click",function(){                   
                    $j.post("l200Edit.jsp?action=edit&pn100E="+PN100,function(data){
                        
                              
                    });
                });

            });

        </script>
        <style type="text/css">
            .bg_department{
                height: 68px !important;
            }
            .feild_sex td label{
                color:#4C4C4C;
            }
            #ui-datepicker-div
            {
                z-index: 9999999;
            }
            #fancybox-wrap{

            }
            .fields_input{
                float:left;
                width:100%;

                height:28px;
            }
            .button-link{
                border:0;
                background:url(../images/bg_submit.gif) repeat-x;
                width:134px;
                float:right;
                margin:19px 0 10px 0;
                color:#ffffff;
                font-size:14px;
                font-weight:bold;
                cursor:pointer;
                border-radius:5px;
                box-shadow:0 2px 3px #666666;
                padding:8px 0;
                text-transform:uppercase;
            }
            .customer-box{
                float:left; width:720px; margin-left:25px;
                border:1px solid #CCCCCC;
                padding:18px 0px 10px 0px;
                background: #E5E8EA;
                border-top: none;

            }
            .customer-box label{
                width:130px;
                text-align: right;
                float:left;
            }
            input{
                float:left;
                margin-left:9px;
            }
            select{
                float:left;
                height: 21px;
                width:166px;
                margin-left:9px;
            }
            .ui-datepicker-header select{
                width:45% !important;
            }
            .header-box{
                margin-left:25px;
                color:#263340;
                margin-top:15px;
                float: left;
                cursor:pointer; padding:4px 0px 0px 4px; width:716px; border:1px solid #CCCCCC;
                font-size:15px;
                background: #D4D7D8;
                height: 21px;
            }
            .fixdate .ui-datepicker-trigger  { margin-left: 4px;}

            .boder-bomttom{}
            .buttonsearch{
                border:0;
                background:url(../images/btn_search.png) repeat-x;
                width:30px; height:30px;
                color:#ffffff;
                cursor:pointer;
                text-transform:uppercase;
            }

            .buttonsearch:hover .group{display: block !important;}
            .buttonsearch2{
                border:0;
                background:url(../images/bg_submit.gif) repeat-x;
                width:68px;

                margin:0px 0 10px 20px;
                color:#ffffff;
                font-size:12px;
                font-weight:bold;
                cursor:pointer;
                border-radius:2px;
                padding:4px 0;
                text-transform:uppercase;
            }
            img.ui-datepicker-trigger {
                cursor: pointer;
                height: 17px;
                position: relative;
                width: 17px;
            }
            .message{
                color: red;
                float: left;
                margin-left: 290px;
                margin-top: 28px;
                text-transform: uppercase;
            }
            .message3{
                color: red;
                float: left;
                margin-left: -45px;
                margin-top: 23px;
                text-transform: uppercase;
            }
            .morevh{
                display:none;
            }
            .more_detail_vh{
                color: #0C70D3;
                cursor: pointer;
                float: right;
                margin-right: 35px;
                margin-top: -10px;
            }
            .more_detail_vh_down{
                color: #0C70D3;
                cursor: pointer;
                float: right;
                margin-right: 35px;
                margin-top: -10px;
                display: none;
            }
            .activeedit{
                display:block !important;
            }
        </style>
    </head>

    <f:view>

        <body style=" float:left; width:auto; height:auto; margin:0px;">
            <f:loadBundle basename="#{environmentSession.localizationSource}" var="locale"/>


            <div class="popup" style="height:auto; width:770px">
                <div class="popup-header">
                    <div class="title"><h:outputText value="Thêm nhân viên"/></div>
                </div>

                <div class="popup-content" style="overflow: auto;">
                    <a4j:form id="form-input-customer" >
                        <!-- Thông tin cơ bản ------------------------------------>
                        <span  class="header-box boder-bomttom" ><h:outputText value="Thông tin cơ bản" lang="#{EmpBean.idEmp}" id="pn100lang" styleClass="pn100lang"/></span>
                        <div class="customer-box" style="">
                            <div style="float:left; width:50%;">
                                <div class="fields_input">
                                    <label><h:outputText value="Họ"/>:</label>&nbsp;
                                    <h:inputText value="#{EmpBean.nv102}" >
                                    </h:inputText>

                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Tên lót"/>:</label>&nbsp;
                                    <h:inputText value="#{EmpBean.nv102}" id="middlename" >
                                        <h:message for="middlename"/>
                                    </h:inputText>

                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Tên"/>:</label>&nbsp;
                                    <h:inputText value="#{EmpBean.nv103}"  ></h:inputText>
                                </div>

                                <div class="fields_input">
                                    <label><h:outputText value="Tên đăng nhập"/></label>
                                    <h:inputText value="#{EmpBean.nv106}" >
                                    </h:inputText>
                                </div>
                            </div>
                            <div style="float:left; width:50%;">
                                <div class="fields_input">
                                    <label> <h:outputText value="#{locale.sex}"/>*:</label>
                                    <h:selectOneMenu value="#{EmpBean.sexChangeItem}">
                                        <f:selectItem itemValue="M" itemLabel="Nam" />
                                        <f:selectItem itemValue="F" itemLabel="Nu"/>
                                    </h:selectOneMenu>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Ngày sinh"/>:</label>&nbsp;
                                    <input value="<h:outputText value="#{EmpBean.dateBorn}">
                                               <f:convertDateTime pattern="dd/MM/yyyy"/> 
                                           </h:outputText>" 
                                           type="text" id="date" name="date" class="" />
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Tình trạng hôn nhân"/>:</label>&nbsp;
                                    <h:selectOneMenu value="#{EmpBean.status_family}">
                                        <f:selectItem itemLabel="Chưa kết hôn" itemValue="0" />
                                        <f:selectItem itemLabel="Đã kết hôn" itemValue="1" />
                                    </h:selectOneMenu>
                                </div>
                            </div>
                            <div class="popup-footer" style="height:40px;">
                                <h:outputText value="#{EmpBean.messageform}" id="mesage" styleClass="message"/>
                                <h:inputHidden id="pn100" value="#{EmpBean.idEmp}"/>
                                <a4j:commandButton  value='#{locale.save}' actionListener="#{EmpBean.saveEmployee}"
                                                    onclick="showPleaseWait();"
                                                    oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                    styleClass="buttonsave" reRender="mesage,pn100,pn100lang">

                                </a4j:commandButton>
                            </div>
                            <!-- End List Content-->
                        </div>
                    </a4j:form>

                    <!--Thông tin cá nhân--------------------------------------------------->
                    <a4j:form id="forml200">
                        <span class="header-box "><h:outputText value="Thông tin cá nhân" /></span>
                        <div class="customer-box" style="display:none;" >

                            <div style="float:left; width:50%;">
                                <div class="fields_input">
                                    <label><h:outputText value="Ngày bắt đầu"/> :</label>&nbsp;
                                    <input value="<h:outputText value="#{l200Controller.ld201}">
                                               <f:convertDateTime pattern="dd/MM/yyyy"/> 
                                           </h:outputText>" 
                                           type="text" id="leavedate1" name="leavedate1" class="" />
                                </div> 
                            </div>
                            <div style="float:left; width:50%;">

                                <div class="fields_input">
                                    <label><h:outputText value="Ngày kết thúc"/>:</label>&nbsp;
                                    <%--<h:inputText value="" lang="firstname" styleClass="required"></h:inputText>--%>
                                    <input value="<h:outputText value="#{l200Controller.ld202}">
                                               <f:convertDateTime pattern="dd/MM/yyyy"/> 
                                           </h:outputText>" 
                                           type="text" id="leavedate2" name="leavedate2" class="" />

                                </div>
                            </div>
                            <div style="clear:both;"></div>
                            <hr style="color:#fff;">
                            <div style="float:left; width:50%;">

                                <div class="fields_input">
                                    <label><h:outputText value="Mức lương "/> :</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln203st}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Tiền trách nhiệm  "/> :</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln204st}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Tiền thâm niên "/> :</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln205st}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Phúc lợi "/> :</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln213st}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Giảm trừ GC "/> :</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln206}" lang="firstname" styleClass="required"></h:inputText>
                                </div>

                            </div>
                            <div style="float:left; width:50%;">


                                <div class="fields_input">
                                    <label><h:outputText value="Mức BHXH "/>:</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln207st}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Số BHXH "/>:</label>&nbsp;
                                    <h:inputText value="#{l200Controller.lv208}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Thâm niên "/>:</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln209}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Số lần làm việc "/>:</label>&nbsp;
                                    <h:inputText value="#{l200Controller.ln210}" lang="firstname" styleClass="required"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Mã số thuế "/>:</label>&nbsp;
                                    <h:inputText value="#{l200Controller.lv214}" lang="firstname" styleClass="required"></h:inputText>
                                </div>

                            </div>

                            <div class="more_detail_vh"><img src="../images/up.png" alt=""/></div>
                            <div class="more_detail_vh_down"><img src="../images/down.png" alt=""/></div>
                            <div style="clear:both;" ></div>
                            <hr style="color:#fff;">
                            <div class="morevh">
                                <div class="fields_input" >
                                    <label><h:outputText value="Trình độ văn hóa"/>:</label>&nbsp;
                                    <h:inputText value="#{l200Controller.lv211}" style="border: 1px solid #B2B7BB;padding:3px 5px;color:#999999;width:60px;"></h:inputText>
                                </div>
                                <div class="fields_input" >
                                    <label><h:outputText value="Bằng cấp"/>:</label>&nbsp;
                                    <h:inputText value="#{l200Controller.lv212}" style="border: 1px solid #B2B7BB;padding:3px 5px;color:#999999;width:528px;"></h:inputText>
                                </div>
                                <div class="fields_input" >
                                    <label><h:outputText value="Ghi chú"/>:</label>&nbsp;
                                    <h:inputTextarea value="#{l200Controller.lv224}" style=" border: 1px solid #B2B7BB;color: #999999; height: 80px; margin-left: 3px; padding: 3px 5px; width: 528px;"></h:inputTextarea>
                                </div>
                            </div>

                            <h:panelGroup id="identy">
                                <div class="popup-footer" style="height:40px;">
                                    <h:outputText value="#{l200Controller.messageform}" id="mesage2" styleClass="message"/>
                                    <h:inputHidden value="#{EmpBean.pn100}" id="pn1002"/>
                                    <a4j:commandButton  value='#{locale.save}' actionListener="#{l200Controller.saveL200}"
                                                        onclick="showPleaseWait();"
                                                        oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                        styleClass="buttonsave"  reRender="mesage2">
                                        <f:param name="action" value="saveL200" />
                                        <f:param name="page" value="" />
                                    </a4j:commandButton>

                                </div>
                            </h:panelGroup>
                            <!-- End List Content-->
                        </div>
                    </a4j:form>

                    <!-- Thông tin liên lạc ------------------------------->
                    <a4j:form>

                        <span class="header-box"><h:outputText value="#{locale.contact1}"/></span>
                        <div class="customer-box" style="display:none;">

                            <div style="float:left; width:50%;">
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.address}"/>*:</label>
                                    <h:inputText value="#{contactController.nv952}" id="address" styleClass="required">
                                    </h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.ward}"/>:</label>
                                    <h:inputText value="#{contactController.nv954}"/>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.district}"/>:</label>
                                    <h:inputText value="#{contactController.nv955}"/>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.city}"/>:</label>
                                    <h:inputText value="#{contactController.nv957}"/>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.email}"/>:</label>
                                    <h:inputText value="#{contactController.nv967}" styleClass="email"/>
                                </div>
                            </div>
                            <div style="float:left; width:50%;">
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.tel}"/>*:</label>
                                    <h:inputText value="#{contactController.nv958}"  styleClass="number required" id="tel">
                                    </h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.mobile}"/>:</label>
                                    <h:inputText value="#{contactController.nv962}"  styleClass="number" >

                                    </h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.fax}"/>: </label>
                                    <h:inputText value="#{contactController.nv961}" styleClass="number" >
                                    </h:inputText>

                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.skype}"/>:</label>
                                    <h:inputText value="#{contactController.nv968}"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.yahoo}"/>:</label>
                                    <h:inputText value="#{contactController.nv969}"></h:inputText>
                                </div>

                                <h:panelGroup id="contact" >
                                    <div class="popup-footer" style="height:40px;">
                                        <h:inputHidden value="#{EmpBean.pn100}" id="pn1003"/>
                                        <h:outputText value="#{contactController.messageform}" id="mesage3" styleClass="message3"/>
                                        <a4j:commandButton  value='#{locale.save}' actionListener="#{contactController.saveN950}"
                                                            onclick=" showPleaseWait();"
                                                            oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                            styleClass="buttonsave" reRender="mesage3">
                                            <f:param name="action" value="saveN950" />
                                            <f:param name="page" value="employee.jsp" />
                                        </a4j:commandButton>
                                    </div>
                                </h:panelGroup>
                            </div>

                        </div>


                    </a4j:form>
                    <!-- Giấy tờ tùy thân ------------------------------------------>

                    <a4j:form>
                        <span class="header-box" ><h:outputText value="#{locale.papers_person}"/></span>
                        <div class="customer-box" style="display:none">
                            <%--<h:inputHidden id="PN100n2" value="#{customerExpand.PN100}" />--%>

                            <div style="float:left; width:50%;">
                                <div class="fields_input">
                                    <label class="lbl_checkbox"><h:outputText value="#{locale.identification}"/>*:</label>
                                    <h:selectBooleanCheckbox value="#{n350Controller.nn355c}"  styleClass="checkCmnd" />

                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.number}"/>*:</label>
                                    <h:inputText value="#{n350Controller.nv351c}" id="cmnd" styleClass="cmnd required maxlength number" lang="16">

                                    </h:inputText>

                                </div>
                                <div class="fields_input fixdate">
                                    <label><h:outputText value="#{locale.date_of_issue}"/>:</label>
                                    <input value="<h:outputText value="#{n350Controller.nd352c}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart" name="dateStart" class="input_fields date" />


                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Nơi cấp"/>:</label>
                                    <h:inputText value="#{n350Controller.nv354c}" styleClass="place_of_issue" />
                                </div>

                            </div>
                            <div style="float:left; width:50%;">

                                <div class="fields_input">
                                    <label class="lbl_checkbox"><h:outputText value="#{locale.passport}"/>*:</label>
                                    <h:selectBooleanCheckbox value="#{n350Controller.nn355p}"  styleClass="checkPassport"/>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.number}"/>*:</label>
                                    <h:inputText value="#{n350Controller.nv351p}" id="passport"  styleClass="passport required maxlength number" lang="16" >

                                    </h:inputText>

                                </div>
                                <div class="fields_input fixdate">
                                    <label><h:outputText value="#{locale.date_of_issue}"/>:</label>
                                    <input  value="<h:outputText value="#{n350Controller.nd352p}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart1" name="dateStart1" class="dateStart1 input_fields date"  />


                                </div>
                                <div class="fields_input fixdate">
                                    <label><h:outputText value="#{locale.closing_date}"/>:</label>
                                    <input value="<h:outputText value="#{n350Controller.nd353p}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateEnd1" name="dateEnd1" class="dateEnd1 input_fields date" />

                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="Nơi cấp"/>:</label>
                                    <h:inputText value="#{n350Controller.nv354p}" styleClass="place_of_issue1" />
                                </div>
                            </div>
                            <h:panelGroup id="gttt">
                                <div class="popup-footer" style="height:40px;">
                                    <h:outputText value="#{n350Controller.messageform}" id="mesage4" styleClass="message"/>
                                    <h:inputHidden value="#{EmpBean.pn100}" id="pn1004"/>
                                    <a4j:commandButton  value='#{locale.save}' actionListener="#{n350Controller.saveN350}"
                                                        onclick=" showPleaseWait();"
                                                        oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                        styleClass="buttonsave"  reRender="mesage4">
                                        <f:param name="action" value="saveN350" />
                                        <f:param name="page" value="" />
                                    </a4j:commandButton>
                                </div>
                            </h:panelGroup>
                        </div>

                    </a4j:form>

                    <!-- Tài khoản ------------------------------->    

                    <a4j:form id="formAccount">
                        <span class="header-box" ><h:outputText value="#{locale.bank_account}"/></span>

                        <div class="customer-box" style="display:none">

                            <div style="float:left; width:50%;">
                                <div class="fields_input">
                                    <label style="text-align:left; margin-left:21px"><h:outputText value="#{locale.bank_acc_num}"/>*:</label>
                                    <h:inputText value="#{t025Controller.TV027}" id="code1"  style="width:199px;margin-left:-50px;" lang="16" styleClass="required maxlength" />

                                </div>

                                <div class="fields_input">
                                    <label style="text-align:right; margin-left:27px; width:70px;"><h:outputText value="#{locale.currency}"/>:</label>
                                    <h:selectOneMenu id="comboboxn5501" value="#{t025Controller.TV028}"  styleClass="combobox" style="width:90px; float: left;margin-left:4px;">                                      
                                        <f:selectItem itemValue="VND"  itemLabel="VND"/>       
                                        <f:selectItem itemValue="USD"  itemLabel="USD"/>                                        
                                        <f:selectItem itemValue="EUR"  itemLabel="EUR"/>
                                    </h:selectOneMenu>
                                </div>

                            </div>
                            <div style="float:left; width:50%;">

                                <div class="fields_input">
                                    <label style="text-align:left; margin-left:19px; width:75px;"><h:outputText value="#{locale.bank}"/> <span>*:</span></label>
                                    <h:inputText value="#{t025Controller.TV029}" styleClass="required" id="cusname1" style="width:210px; margin-left:1px;" />

                                </div>

                                <div class="fields_input">
                                    <label style="text-align:right; margin-left:21px; width:70px;"><h:outputText value="#{locale.address}"/>:</label>
                                    <h:inputText value="#{t025Controller.TV030}" id="contact1" style="width:210px; margin-left:4px;" />
                                </div>
                            </div>
                            <h:panelGroup id="account">
                                <div class="popup-footer" style="height:40px;">
                                    <h:inputHidden value="#{EmpBean.pn100}" id="pn1008"/>
                                    <h:outputText value="#{t025Controller.messageform}" id="mesage5" styleClass="message"/>

                                    <a4j:commandButton  value='#{locale.save}' actionListener="#{t025Controller.updateT025}"
                                                        onclick=" showPleaseWait();"
                                                        oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                        styleClass="buttonsave" reRender="mesage5" >
                                        <f:param name="action" value="saveT025" />
                                        <f:param name="itemid" value="N100" />
                                        <f:param name="page" value="" />
                                    </a4j:commandButton>
                                </div>
                            </h:panelGroup>
                        </div>

                    </a4j:form>
                    <div class="messa" style=" margin-left: 89px;margin-top: 360px !important;padding-top:5px;padding-bottom: 5px;">                                
                        <h:outputText id="message" value="Xin vui lòng lưu nhân viên !" style="display:none;margin-left:200px;color:red;font-weight:bold;font-style:italic;" styleClass="messa"/>
                    </div>

                </div>


                <div class="popup-footer">
                    <div class="buttonsave closeform" style="margin-right:33px;"  ><span><h:outputText value="#{locale.close}"/></span></div>
                </div>    
            </div>
        </body>

    </f:view>
</html>
<script type="text/javascript">
    $j(document).ready(function(){
        yhight = ($j('.popup').height()-90)+"px" ;
        $j('.main_content').css('height',yhight );
        $j('.popup-content').css('height',yhight );
    });
</script>